<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		让一个元素在页面中显示或隐藏起来
		<ul>
			<li>
				<h1>display属性用于设置一个元素如何显示，用于在js中控制元素是否可见,应用极其广泛</h1>
				<ol>
					<li>display:none;隐藏对象，不占用原来的位子</li>
					<li>display:block;转换为块级元素；还有显示元素的意思</li>
				</ol>
			</li>
			<li>
				<h1>visibility属性</h1>

				<ol>
					<li>visibility:visiable;显示对象</li>
					<li>display:hidden;隐藏对象，会占用原来的位子</li>
				</ol>
			</li>
			<li>
				<h1>overflow溢出</h1>
				<ol>
					<li>overflow:visible; 显示</li>
					<li>overflow:hidden;隐藏超出的部分</li>
					<li>overflow:scroll;为溢出的部分添加滚动条，不管益不溢出都添加滚动条</li>
					<li>overflow:auto;超出就显示滚动条，不超出则不显示</li>
				</ol>
			</li>
		</ul>
		<h2>如果有定位的盒子要慎用overflow:hidden,因为会隐藏多余的部分，经典如右上角的小图标，如果开发时小li添加了overflow:hidden则会隐藏一部分小图标，所以在开发时合理选用overflow:hidden
		</h2>
	</body>
</html>
